<template>
<transition name="ph-slideup">
    <div v-show="visible" class="ph-actionsheet" @click.stop>
        <slot></slot>
    </div>
</transition>
</template>
<script lang="ts">
import { computed, defineComponent } from 'vue'

export default defineComponent({
    props:{
        position:{type:String,default:"bottom"},
        visible:Boolean
    }
})
</script>
<style lang="scss">
.ph-actionsheet{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index: 15000;
}
</style>
